@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑","yahei"; font-size:14px; color:#4c4c4c; }
a,p,h1,h2,h3,h4,h5,h6,ul,li,span,hr{ display:block; margin:0; padding:0; }
p{ padding:10px; line-height:20px; text-indent:24px; }
ul,li{ list-style-type: none;}
h1{ font-size:28px; font-weight:normal; }
h2{ font-size:22px; font-weight:normal; }
h3{ font-size:18px; font-weight:normal; }
h4{ font-size:16px; font-weight:normal; }
h5{ font-size:14px; font-weight:normal; }
h6{ font-size:12px; font-weight:normal; }
body{ min-width:320px; min-height:570px; background-color:#fff; margin:0; text-align:center; }
a{ text-decoration:none; }
div{ width:100%; text-align:left; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
.floleft{ float:left;}
.floright{ float:right; }
.clear{ clear: both; }
.padding60px{ padding-top: 60px;}
.marbot60px{ margin-bottom:60px;}
hr{ border: 1px solid #dededc; border-bottom: #fff;}
.hr2px{ border: 2px dotted #dededc; border-bottom: none;}
.hr3px{ border: 3px dotted #dededc; border-bottom: none;}
mark{ color:#ff8a00; background:none;}
/* ----------------------按钮 ----------------------*/
.button{ text-align:center; margin:10px 0;}
.buttonred,.buttongreen,.buttonyellow,.buttonblue{ width:90%; height:50px; margin:0 auto; text-align:center; border:none; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; font-size:20px;}
.buttonred{ background-color:#ba0000; }
.buttongreen{  background-color:#57ba29;}
.buttonyellow{ background-color:#fac32b; color:#4c4c4c;}
.buttonblue{ background-color:#0ebafc;}
a.btbgred,a.btbggreen{ display: block; width: 100px; height: 35px; line-height:35px; text-align: center; color: #fff; float: right; margin: 12px 10px 0 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-indent:0 }
a.btbgred{ background:url(../img/btbg01.png) repeat-x top left;}
a.btbggreen{ width:80px; background:url(../img/btbg02.png) repeat-x top left; margin:0}
.product a.btbggreen{ width: auto; margin:10px 5px 0 0; padding:0 5px;}
.button p{ margin:0; padding:0; width:90%; margin:0 auto; text-indent:0; margin-top:10px;}
.button p a{}
.button p a strong{ color:#04b9fe; font-weight:normal;}
/* ----------------------页头---------------------- */
.top{ position:fixed; top:0; left:0; height:60px; background:url(../img/top-bg.png) repeat-x left bottom; z-index:99999; }
	.logo{ float:left; height:40px; margin:10px 0 0 10px }
	.topright{ width:125px; height:37px; float:right; background:url(../img/top-xmdz-box.png) right center no-repeat; margin :12px 10px 0 0; text-align:center; line-height:37px; }
    .top h3.titleft{ text-align: left; text-indent: 10px; width: auto;}
    .top h3{ width:53%; text-align:right; line-height:60px; float:left;}

/* ----------------------文章通用 ----------------------*/
.articles{ padding-bottom: 60px;}
.content{ position:relative; width:97%; margin:0 auto; padding-bottom: 60px; }
.articles h3{ height:60px; line-height:60px; width:100%; overflow:hidden; border-bottom:3px dotted #dededc; margin-bottom:10px;}
.articles h3 time{ float:right; color:#929292;}
.articles img{ width:100%;}
.articles p{ padding:10px 0;}
/* 焦点图 */

.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }
.slide_container {  margin-bottom: 10px;  position: relative;  float: left;  width: 100%;  }
.slide {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.slide li {  position: absolute;  width: 100%;  left: 0;  top: 0;  }  
 .slide img {  display: block;  position: relative;  z-index: 1;  height: auto;  width: 100%;  border: 0;  }
.slide .caption {  display: block;  position: absolute;  z-index: 2;  font-size: 16px;  text-shadow: none;  color: #fff;  background: #000;  background: rgba(0,0,0, .8);  left: 0;  right: 0;  bottom: 0;  padding: 10px 0;  margin: 0;  max-width: none;  }  
 .slide_nav {  position: absolute;  -webkit-tap-highlight-color: rgba(0,0,0,0);  top: 52%;  left: 0;  opacity: 0.7;  z-index: 3;  text-indent: -9999px;  overflow: hidden;  text-decoration: none;  height: 61px;  width: 38px;  background: transparent url(../img/themes.gif) no-repeat top left;  margin-top: -45px;  }
.slide_nav:active {  opacity: 1.0;  }
.slide_nav.next {  left: auto;  background-position: right top;  right: 0;  }

/*首页栏目*/
.box{ float:left; text-align:center; }
.box a{ width:33.3333%; float:left; margin:0 auto;}
.box a img{ width:100%; }

/*公告*/
.post{ position: relative; bottom:0; left:0; height:105px; background:url(../img/gg-bg.png) left bottom no-repeat; z-index:100; padding-top:35px; float:left; }
	.postleft{ width:75%; float:left; overflow:hidden;}
		.postleft img{ margin:2px 5px 0 10px; float:left; }
		.postleft a{ float:left; }
		.postleft span{ float:right; display:none; color: #888; }
	.canjiahd{ width:25%; float:right; text-align: center;}
		.canjiahd a{ color:#be19c4; }
	
/*----------------------响应式------------------------*/
@media (max-width:320px){
	.box a{ width:33.3333%; float:left; }
	}
@media (max-width:480px){
    .brand02 h3{ width: 100%;}
    .brand02 ul.right h3{ text-align: right;}
}
@media (min-width:320px){
	
	}
@media (min-width:480px){
	.postleft span{ display: block; }
	.box a{ width:153px; float:left; }
	}
@media (min-width:640px){
	.box a{ width:206px; float:left; }	
	}
@media (min-width:768px){
	.box a{ width:124px; float:left; }	
}
@media (min-width:960px){
	.box a{ width:156px; float:left; }	
	}
@media (min-width:1280px){
	.box a{ width:205px; float:left; }
	}
@media (max-height:480px){
	.box a{ width:205px; float:left; }
	}
@media (max-height:535px){
	.post{ z-index:-1;}	
}

/*----------------------页脚------------------------*/
.footerico { height:65px; z-index:101; }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.footerico ul { width:100%; }
.footerico ul li.nav img{ height:30px; margin-top:8px; }
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.footerico ul li.nav{ position:relative; width:33.33333%; float:left; text-align:center; color:#fff; }
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.footerico ul li a, .footerico ul li a:visited {display:block; text-align:center;text-decoration:none; width:100%; color:#fff; border-width:1px 1px 0 0;}
/* make the dropdown ul invisible */
.footerico ul li  ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.footerico ul li.nav:hover a { color:#fff; }
/* make the sub menu ul visible and position it beneath the main menu list item */
.footerico ul li.nav:hover ul { display:block; position:absolute; left:0; bottom:55px; }
/* style the background and foreground color of the submenu links */
.footerico ul li.nav:hover ul li a { display:block; background:#000; color:#fff; border-bottom:1px solid #2f2f2f; }
/* style the background and forground colors of the links on hover */
.footerico ul li.nav:hover ul li a:hover { background:#2f2f2f; color:#fff; }

.footer,.footerbg,.footerico{ position:fixed; left:0; bottom:0; }
.footer{ height:65px; background:url(../img/footer-bg.png) no-repeat left top; z-index:99;}
.footerbg{ height:59px; background-color:#000; margin-left:50px; z-index:98; }

/*品牌历史*/
.returns{ width:17px; height:30px; float:left; margin:15px 0 0 10px; }
.buttonright{ width:35px; height:35px; float:right; margin:15px 10px 0 0;}
.brand01{ background-color:#ffd800; color:#fff; margin:0 auto; padding-top:30px; }
    .brand01 h3,.brand02 h3{ color:#fff;}
.brand02{ margin:0 auto; min-width:320px; background:url(../img/brandline.png) repeat-y top center; float: left;}
    .brand02 ul{ width:50%;}
     .brand02 ul li{ width: 100%; height: 166px; overflow: hidden; }
    .brand02 time{ width: 130px; float: left; text-align: center; line-height: 35px; }
    .brand02 h3{ line-height: 50px; margin-top: 15px;}
        .brand02 ul li p{ padding: 0 10px; clear: both;}
    .brand02 ul.right{ float:right; }
        .brand02 ul.right h3{ float:left; }
    .brand02 ul.left{ float:left; margin-top: 82px; }
        .brand02 ul.left time{ float:right; }
        .brand02 ul.left h3{ float: right; }
    .brand02 time,.brand02 p{ color:#fff; }

/*360°全景*/
.list360{}
.list360 ul{ width: 100%; background-color: #f4f4f4; margin: 10px 0;}
    .list360 li{ height: 130px; overflow: hidden;}
    .list360 li.left{ float: left;}
    .list360 li.left img{ width: 180px; height: 130px;}
    .list360 li.right{ padding-left: 10px;}
        .list360 li.right h3{ color: #d74822; line-height: 35px; border-bottom: 1px solid #dededc; margin-top: 10px;}
            .list360 li.right h3 span{ line-height: 35px;}
        .list360 li.right span{ line-height: 50px;}
    .imgtop{ width: 100%;}
    .artic360{ height: 110px; background: url(../img/360bg.png) repeat-x left top; overflow: hidden;}
        .artic360 h1,.hotevents h2{ height: 60px; line-height: 60px; text-indent: 10px;}
        .artic360 ul{}
        .artic360 ul li{ width: 33.3333%; float: left; text-indent: 10px; line-height: 48px;}
    .content01{ margin-top: 20px;}
        .content01 h5{ text-indent: 10px; line-height:35px; background: url(../img/360bg.png) repeat-x left bottom; border-bottom:1px solid #dededc; font-weight:bold;}

/*新闻列表*/
.newslist{ float:left; padding-bottom:60px;}
	.newslist ul{ width:100%;}
	.newslist ul li{ width:100%; float:left; height:80px; border-bottom:1px solid #dededc; margin-bottom:10px; overflow:hidden; background:url(../img/arrow03.png) no-repeat right center;}
	.newslist ul li img{ width:70px; height:70px; float:left; margin-right:10px;}
	.newslist ul li h5{ padding:0 20px 0 0; height:25px; overflow:hidden;}
	.newslist ul li p{ padding:0 20px 0 0; height:40px; font-size:12px; color:#929292; overflow:hidden;}
/*项目概况*/
.bigbigbox {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.bigbigbox li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.bigbigbox li:first-child {  position: relative;  display: block;  float: left;  }
.bigbigbox img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }
.xmcon_container {  margin-bottom: 10px;  position: relative;  float: left;  width: 100%;  }
.xmcon {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.xmcon li {  position: absolute;  width: 100%;  left: 0;  top: 0;  }  
.xmcon img {  display: block;  position: relative;   z-index: 1;  height: auto;  width: 100%;  border: 0;  }
.xmcon .caption {  display: block;  position: absolute;  z-index: 2; text-shadow: none;  color: #fff;  background: #000;  background: rgba(0,0,0, .8);  left: 0;  right: 0;  bottom: 60px; margin: 0;  max-width: none;  }  
.xmcon .caption h2{ text-indent:10px; line-height:50px; border-bottom:1px solid #787878;}
.xmcon .caption h2,.xmcon .caption p{ color:#fff;}
.xmcon .caption p{ height:120px; overflow:hidden;}
 .xmcon_nav {  position: absolute;  -webkit-tap-highlight-color: rgba(0,0,0,0);  top: 35%;  left: 0;  opacity: 0.7;  z-index: 3;  text-indent: -9999px;  overflow: hidden;  text-decoration: none;  height: 61px;  width: 38px;  background: transparent url(../img/themes.gif) no-repeat top left;  margin-top: -45px;  }
.xmcon_nav:active {  opacity: 1.0;  }
.xmcon_nav.next {  left: auto;  background-position: right top;  right: 0;  }

/*我的账户*/
.ad01{ z-index:5;}
.ad01 img{ width:100%; -webkit-box-shadow: 0px 5px 5px #ccc; -moz-box-shadow: 0px 5px 5px #ccc;  box-shadow: 0px 5px 5px #ccc;}
.mydata{ position:relative; width:100%; height:140px; padding-top:10px; float:left; background: url(../img/mybg.jpg) right bottom; background-size:cover; }
	.myphoto{ width:100px; height:100px; float:left; text-align:right;}
		.myphoto img{ width:100%; height:100px;-moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius:70px;}
	.myddaattaa{ width:150px; line-height:30px; float:left; margin-left:20px; }
		.myddaattaa span{ width:auto; border-bottom:1px solid #fdd2ae;}
	.whatdata { height:30px; background-color:#fff; position:absolute; left:0; bottom:0;filter:alpha(opacity=70); opacity:0.7; line-height:30px;}
	.whatdata span{ float:left;}
	a.gotomod{ font-size:12px; color:#408b17; float:right; }
	
/*资料完整度进度条*/
.meter { width:50%; float:left; margin:7px 0 0 5px;
	height: 15px;  /* Can be anything */
	position: relative;
	background: #dededc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent), color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}

.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
	-webkit-animation: none;
	background-image: none;
}
/*我的-栏目列表*/
.listbox{ background-color:#fff; margin-top:10px; float:left; padding:10px 0;}
	.listbox ul{ border:1px solid #dededc; border-bottom:none; margin:0 10px;}
	.listbox ul li{ height:45px; line-height:45px; border-bottom:1px solid #dededc; background:url(../img/arrow004.png) no-repeat right center; overflow:hidden;}
		.listbox ul li img{ float:left; width:28px; height:28px; margin:6px 8px;}
		.listbox ul li span{ float:right; margin-right:15px; color:#c1c1c1;}
		.listbox ul li sup{ width:15px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#fff; background-color:#df0000; margin-left:5px; padding:2px 5px;moz-border-radius: 7px;	-webkit-border-radius: 7px;	border-radius: 7px;}
		ul.listbox02{ border:none;}
		ul.listbox02 a{ font-size:12px;}
		ul.listbox02 li{ background:none; width:45%; min-width:145px; border:1px solid #dededc; margin-bottom:10px;}
		ul.listbox02 li.left{ float:left}
		ul.listbox02 li.right{ float:right;}
		ul.listbox02 li img{ width:25px; height:auto; margin-top:10px;}
/*微楼书*/	
.wls{}
.wlsarrow{ position:absolute; bottom:0; left:0; text-align:center;}
.wlsarrow a{ display:block; width:51px; height:28px; background:url(../img/arrow005.png) no-repeat left top; margin:0 auto; }
/*联系我们*/
.contact{ margin-top:10px;}
.contact p{ height:40px; line-height:40px; border-bottom:1px solid #dededc; text-indent:0; padding:0; }

/*楼盘相册*/
.photos{ margin-top:10px; float:left;}
.photos ul{ margin-bottom:80px;}
.photos ul li{ width:145px; height:140px; background-color:#fff; float:left; margin:0 0 10px 10px;}/*-webkit-box-shadow: 0px 0px 5px #e6dbab; -moz-box-shadow: 0px 0px 5px #e6dbab;  box-shadow: 0px 0px 5px #e6dbab;*/
.photos ul li img{ width:100%;}
.photos ul li h5{ height:25px; line-height:25px; overflow:hidden; padding:0 5px;}
.photos ul li span{ float:left; padding:0 5px; margin-right:5px; border-right:1px dotted #dededc; color:#929292; font-size:12px; line-height:18px;}
.photos ul li time{ color:#929292; font-size:12px; line-height:18px;}
/*照片*/
.images{ float:left;}
.images img{ width:100px; height:100px; margin:0 0 5px 5px; float:left; padding:0; }

/*操作成功*/
.youok{ background-color:#fff; height:120px; padding-top:30px; }
	.okimg{ width:40%; float:left; text-align:right;}
	.okimg img{ width:80px; margin-right:15px;}
	.okdata{ width:55%; float:left;}
		.okdata h1{ color:#57ba29;}
		.okdata p{ text-indent:0; padding:10px 0;}
/*邀请好友*/
.invite{ text-align:center;}
	.invite p{ color:#fff;}
	.invite p img{ height:130px;}
	.invite h1{ color:#fff;}

/*登录*/
.login{}
	.loginlogo{ height:120px; background-color:#04b9fe; text-align:center; padding:30px 0;}
		.loginlogo img{ width:120px;}
	.logintext{ background-color:#fff; border-bottom:1px solid #dededc;}
		.logintext li{ margin: 0 20px; padding-left:35px; height:60px; line-height:60px;}
		.logintext input{ width:100%;  border:none; color:#c1c1c1;}
		.username{ border-bottom:1px solid #dededc; background:url(../img/username.jpg) no-repeat left center;}
		.password{ background:url(../img/password.jpg) no-repeat left center;}
/*注册*/
.register{}
	.regtext{ background-color:#fff;}
		.regtext li{ margin: 0 20px; height:60px; line-height:60px; border-bottom:1px solid #dededc;}
		.regtext input{ width:70%; border:none; color:#c1c1c1; margin-left:5px;}
		.regtext .username{}
		.regtext li input.password{ border:none;}
	.verify{ width:90%; margin:0 auto;}
		.verify input{ width:48%; float:left; height:50px; margin:10px 0; text-align:center;}
		input.vertext{ border:1px solid #dededc; color:#c1c1c1;}
		input.verifybt{ height:52px; float:right; border:none; background-color:#fac32b; }
		
/*------------------------------积分商城---------------------------*/
/*搜索*/
.search{ margin:0 auto; margin-top:5px;width:98%; height:30px; line-height:30px; border:1px solid #dededc; -moz-border-radius: 15px; 	-webkit-border-radius: 15px;  border-radius: 15px; text-indent:10px; background-color:#fff;}
	.search input.so{ width:80%; border:none; color:#c1c1c1;}
	.search input.go{ float:right; margin:3px 5px 0 0;}
	
.jf_nav{ margin-top:10px;}
	.jf_nav ul li{ width:25%; min-width:74px; height:35px; line-height:35px; background-color:#ffd800; text-align:center; float:left;}
		.jf_nav ul li a{ color:#fff; border-right:1px solid #fff;}
		.jf_nav ul li a.jf_on{ color:#ba0000;}
		.jf_nav ul li a img{ margin:5px 0 0 5px;}
		
	.jf_box{ margin-top:10px; float:left;}
		.jf-smallbox{ position:relative; width:152px; height:170px; float:left; margin:0 0 5px 5px;}
		.jf-smallbox img{ width:100%; z-index:-999;}
		.jf_box_con,.jf_bg{ height:70px; position:absolute; left:0; bottom:0; overflow:hidden;}
		.jf_bg{background:rgba(0,0,0,0.3) none repeat scroll !important; /*FF背景透明，文字不透明*/background:#000; filter:Alpha(opacity=30);/*IE背景透明*/ }
		.jf_box_con{ z-index:1;}
			.jf_box_con h5,.jf_box_con span,.jf_box_con p{ color:#fff; text-indent:5px;}
			.jf_box_con h5{ line-height:30px; border-bottom:1px solid #fff;}
				.jf_box_con span{ width:50%; font-size:12px; float:left;}
				.jf_box_con strong{ font-size:12px; font-weight:normal; color:#ffd800;}
				.jf_box_con p{ font-size:12px; margin:0; padding:0;}
/*商品详情*/
.product{ margin-bottom:50px;}
.product h3{ border:none; height:50px; line-height:50px;}
.product ul li{ width: 25%; font-size:12px; text-indent:0; text-align:center;}
.product .button{ position:fixed; bottom:50px;}

/*活动*/
.events{ margin-top:10px; text-align:center;}
.events li{ position:relative; width:92%; border:1px solid #dededc; padding:8px; margin: 0 auto; margin-bottom:10px; }
.events img{z-index:-99; width:100%;} 
.evenbg{height:30px; position:absolute; left:0; bottom:0; overflow:hidden; background:rgba(0,0,0,0.5) none repeat scroll !important; /*FF背景透明，文字不透明*/background:#000; filter:Alpha(opacity=50);/*IE背景透明*/ text-align:center; line-height:30px;}
.evenbg span{ color:#fff;}

.hotevents{}
.hotevents h2{ text-align:center; }
.hotevents .artic360 p{ font-size:12px; text-indent:0; text-align:center; color:#999898; line-height:48px; margin:0; padding:0;}
.hotevents .button{ position:fixed; bottom:50px;}
.hotevents .content01 h5{ background-color:#ffd800; background-image:none;}

/*我的礼品*/
.mygift{}
.mygift ul{ width: 100%; background-color: #f4f4f4; margin: 10px 0;}
    .mygift li{ height: 100px; overflow: hidden;}
    .mygift li.left{ width:120px; float: left;}
    .mygift li.left img{ width: 120px; height: 100px;}
    .mygift li.right{ padding-left: 10px;}
        .mygift li.right h5{ color: #d74822; line-height: 35px; border-bottom: 1px solid #dededc;}
            .mygift li.right h5 span{ line-height: 30px; font-size:12px;}
        .mygift li.right p{ width:50%; line-height: 35px; font-size:12px; float:left; margin:0; padding:0; text-indent:0;}
		.mygift li.right p em{ color:#d74822; font-size:12px;}
	.mygift ul:hover{ background-color:#ffd800;}
.map{ z-index:-99; position:relative;}
.map .add{ width:100%; position: fixed; top:60px; left:0; color:#fff; height:30px; line-height:30px; text-indent:10px; background-color:#000; background:rgba(0,0,0,0.4) none repeat scroll !important; /*FF背景透明，文字不透明*/ filter:Alpha(opacity=40);/*IE背景透明*/  }
.map img{ width:100%;}